import React, { useState, useEffect } from 'react'
import { Tabs, Card } from 'antd'
import { PageHeaderWrapper } from '@ant-design/pro-layout'
import SaleForm from './subComp/saleForm'
import RefundForm from './subComp/refundForm'
const { TabPane } = Tabs

const AccountStatement = props => {
  return (<PageHeaderWrapper>
    <Card>
      <Tabs>
        <TabPane tab="销售明细" key="1">
          <SaleForm />
        </TabPane>
        <TabPane tab="退款明细" key="2">
          <RefundForm />
        </TabPane>
      </Tabs>
    </Card>
  </PageHeaderWrapper>)
}

export default AccountStatement
